<!DOCTYPE html>
<html>
     <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
        <meta name="description" content="html 5 template">
        <title>{$forum.title}</title>
        <!-- Bootstrap core CSS -->
        <link href="__INDEX__/assets/css/plugins/bootstrap.min.css" rel="stylesheet">
        <link href="__INDEX__/assets/css/main-style.css" rel="stylesheet">
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        <!-- Icon Font-->
        <link href="__INDEX__/iconfont/style.css" rel="stylesheet">
        <style type="text/css">
            /*#imgtip{
                position: fixed;
                width: 100%;
                height: auto;
                left: 0;
                top: 0;
                display: none;
                z-index: 9999;
            }*/
        </style>

    </head>
    <body>
        <header class="site-header" id="home">
        </header>
        <main id="page-content">
            <div>
                <video class="video" poster="__INDEX__/assets/images/chehu_bg.jpg" width="100%" height="100%" controls preload>
                <source src="{$forum_media->video_url}" media="only screen and (min-device-width: 568px)"></source>
                <source src="{$forum_media->video_url}" media="only screen and (max-device-width: 568px)"></source>
          </video>
            </div>
            <div style="font-size: 16px;padding: 10px 10px; border-bottom: 1px #e5e5e5 solid;background-color: #fff;">
                <div style="font-size: 10px; float: right; color: #999;">{$forum.part_num} 人观看</div>
                <div style="font-weight: bold;">
                    {$forum.title}
                </div>
                <div style="font-size: 10px; color: #999;"> {$forum.name}｜  {$forum.occupation}</div>
            </div>
            <div style="height: 10px; width: 100%; background-color: #efefef;"></div>
            <div style="margin-top: 10px; background-color: #fff; font-size: 14px; padding: 10px 10px;">
                <strong >介绍：</strong>
                <div style="font-size: 16px;">
                    {$forum.synopsis}
                </div>
            </div>
            <div style="background-color: #fff; padding:  20px 10px; font-size: 14px; min-height: 200px;">
                <div style="font-weight: bold; margin-bottom: 10px;">推荐视频：</div>
                <div style="border-top: 1px #eee solid;">
                    {volist name="forum_list" id="vo"}
                    <a href="?id={$vo.id}">
                        <div style="padding: 10px 0; display: block; height: 80px; border-top:1px #f3f4f5 solid; margin-bottom: 5px;">
                            <div style="float: left;">
                                <img src="{$vo.icon}" alt="" style="width: 110px; height: 70px;" />
                            </div>
                            <div style="padding-left: 120px;">
                                <div style="font-size: 14px;font-weight: bold; color:#333">{$vo.title}</div>
                                <div style="font-size: 10px;color: #999;">{$vo.follow_num} 人观看</div>
                            </div>
                        </div>
                    </a>
                    {/volist}
                </div>
            </div>
            <div class="footer-box" style="position: fixed; bottom: 0px; width: 100%;height: 80px;background-color: #fff; display: block; border-top:1px #eee solid; ">
                <div style="float: right; position: relative;margin:15px 10px;"><a href="javascript:;" style="font-size: 16px;text-decoration: none;text-align: center;line-height:35px; height:40px; width:90px;background-color: #fff; border: 2px #00a0e9 solid;border-radius:25px; color: #00a0e9;display: block" id="downLoad">立即体验</a></div>
                <img src="__INDEX__/assets/images/chehu_logo.png" width="48x" height="48px" style="margin: 10px 10px; float: left;">
                <div style="padding: 10px 20px; font-size: 16px; color: #00a0e9;">车乎<br><span style="color: #666; font-size: 12px;">新能源汽车第一资讯平台</span></div>
            </div>
        </main>
        <!-- <img src="__INDEX__/assets/images/appletips.png" id="imgtip" alt=""> -->
        <script src="__INDEX__/assets/js/jquery.1.12.4.min.js"></script>
        <script src="__INDEX__/assets/js/plugins/bootstrap.min.js"></script>
        <script src="__INDEX__/assets/js/html5media.min.js"></script>
        <script>
        	window.onload = function(){
        		var APPCommon = {
                iphoneSchema: 'chehhu://',
                iphoneDownUrl: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.hadlink.lightinquiry',
                androidSchema: '',
                androidDownUrl: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.hadlink.lightinquiry',
                openApp: function(){
                    var this_  =  this;
                    //微信
                    var u = navigator.userAgent.toLowerCase();
                    if(this_.isWeixin()){
                        if (u.indexOf('android') > -1 || u.indexOf('linux') > -1)
                        {
                            // $("#imgtip").show();
                            // $("#imgtip").attr("src", "__INDEX__/assets/images/androdtips.png");
                         }else if (u.indexOf('iphone') > -1) {
                            window.location.href=APPCommon.iphoneDownUrl;
                            // $("#imgtip").show();
                            // $("#imgtip").attr("src", "__INDEX__/assets/images/appletips.png");
                        }
                    }else{
                        if (u.toLowerCase().indexOf('iphone')>-1||u.toLowerCase().indexOf('ipad')>-1) {
                            window.location.href=APPCommon.iphoneDownUrl;
                        }else if (navigator.userAgent.match(/android/i)) {
                       
                            window.location.href=APPCommon.androidDownUrl;
                        }
                    }
                },
                isWeixin: function(){
                	
                    var ua = navigator.userAgent.toLowerCase();
                    if (ua.match(/MicroMessenger/i) == "micromessenger") {
                        return true;
                    } else {
                        return false;
                    }
                },
                init:function(){
                    var u = navigator.userAgent.toLowerCase();
                    if (u.toLowerCase().indexOf('iphone')>-1||u.toLowerCase().indexOf('ipad')>-1) {
                        // window.location.href=APPCommon.iphoneSchema;
                    }else if (navigator.userAgent.match(/android/i)) {
                        // window.location.href=APPCommon.androidSchema;
                    }
                }
            };
            APPCommon.init();
            // $("#imgtip").on("click",function(){
            //     event.stopPropagation();
            //     $("#imgtip").hide();
            // });
           $("#downLoad").on("click",function(){
           	    APPCommon.openApp()
           })
        		
        		
        			
        	}
            
        </script>
    </body>
</html>





